
//1.计算单选框总价

// 1.1增加数量
$('.plus').click(function(){

   let num = +$(this).prev().val();

  num++;

  $(this).prev().val(num);

  //获取单价
  let price = $(this).closest('li').siblings('.list_price').find('span').text();
  
  //计算总价
  let sumPrice = price*num
  // console.log(sumPrice)

  //赋值给页面
  $(this).closest('li').siblings('.list_sum').find('span').text(sumPrice)


})

// 1.2 减少数量
$('.reduce').click(function(){

   let num = +$(this).next().val();
   console.log(num)

  num--;

  if( num<1 ){
    num=1;
  }

  $(this).next().val(num)

   //获取单价
   let price = $(this).closest('li').siblings('.list_price').find('span').text();
  
   //计算总价
   let sumPrice = price*num
//    console.log(sumPrice)
 
   //赋值给页面
   $(this).closest('li').siblings('.list_sum').find('span').text(sumPrice)
 

})

//3.调用商品数量和金额函数

$('.son_check').click(function(){
  
    calcCountPrice()
                
})

// 4.商品数量和总价及赋值
function calcCountPrice(){

    // 需求：1.计算选中商品的数量
    //       2.计算选中商品的金额

          //遍历选中的目标
          let count = 0;//选中商品的总数量 
          let sum = 0;//选中商品的总金额

         $('.son_check:checked').each(function(i,v){
            // console.log(v,i)
             
            //1.计算选中商品的数量

            //取出对应的值
           let num = $(v).parent().siblings('.list_amount').find('.sum').val();

           count += window.parseInt(num)
          //  console.log(count)

           //把商品数量的值付给页面
           $('.amount').text(count)
            


          //  2.计算选中商品的金额
        
            //选出对应的金额
            let subTotal = $(this).parent().siblings('.list_sum').find('span').text();
            // console.log(subTotal)
            sum += window.parseFloat(subTotal)

            //渲染到网页
            $('.totalprice').text(sum)


})

}
   //5.全选框
$('.all_check').click(function(){

  //获取自己的状态
  let bool = $(this).prop('checked');
  // console.log(bool)

  //计算总数量和总个数
  calcCountPrice()

  // 把自己（全选框）的值赋给自选框（多选框）
  $('.son_check').prop('checked',bool);

  

})


//6.选中所有的子复选框，全选框选中
$('.son_check').click(function(){

  //获取选中的个数
  let clecNum = $('.son_check:checked').length;
  // console.log(clecNum)

  //获取总个数
  let sunNum = $('.son_check').length;
  // console.log(sunNum)

  //判断
  if(clecNum===sunNum){
    $('.all_check').prop('checked',true);
  }else{
    $('.all_check').prop('checked',false);
  }


})

// 7.选中删除的内容
$('.delallsel').click(function(){

  //获取选中的内容
  // if(winds,confirm('确定删除选中的商品？')){
    
    $('.son_check:checked').closest('ul').remove();

    //计算选中商品的金额和数量
    calcCountPrice()
    
    //取消全选
  //   let len = $('.order_content').childern().length;
  //   if( len === 0 ){
  //     $('.all_check').prop('checked',false);
  //   }
  // }

})

// 8.移出商品

// 1.点击移出按钮（delbtn），移出当前行
// 2.删除所有商品后，取消全选
$('.delbtn').click(function(){

  //获取选中的内容
    $(this).closest('ul').remove();

    // //计算选中商品的数量和金额
    // calcCountPrice()

    // //是否全选

    // 获取内容区域的子元素
    let len = $('.order_content').children().length 

    //判断并去取消
    if( len === 0 ){
      $('.all_check').prop('checked',false)
    }

})